<!--  -->
<template>
    <div>
        <el-form ref="form" :model="form" label-width="50px">
            <el-form-item label="samplingRate">
                <el-input v-model="form.samplingRate"></el-input>
            </el-form-item>
            <el-form-item label="alpha">
                <el-input v-model="form.alpha"></el-input>
            </el-form-item>
            <el-form-item label="sigma">
                <el-input v-model="form.sigma"></el-input>
            </el-form-item>
            <el-form-item label="videoScale">
                <el-input v-model="form.videoScale"></el-input>
            </el-form-item>
            <el-form-item label="pyrType">
                <el-select v-model="form.pyrType" placeholder="please choose pyrType">
                <el-option label="octave" value="octave"></el-option>
                <el-option label="halfOctave" value="halfOctave"></el-option>
                <el-option label="smoothHalfOctave" value="smoothHalfOctave"></el-option>
                <el-option label="quarterOctave" value="quarterOctave"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">确定</el-button>
                <el-button>取消</el-button>
            </el-form-item>
        </el-form>
    </div>
</template> 
<script>
export default {
  name: 'options-page',
  components: {},
  props: {},
  data() {
    return {
      form: {
        samplingRate: '',
        alpha: '',
        sigma: '',
        videoScale: '',
        pyrType: '',
      },
    };
  },
};
</script>
<style scoped>
.el-form .el-form-item .el-input{
    margin-left: 30px;
    width:500px;
}
</style>